<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Bar Example</title>
	
	<script type="text/javascript" src="js/mootools-core-1.3-full-compat.js"></script>
	<script type="text/javascript" src="js/controller.js"></script>

	<style type="text/css">
		body {
			background-color: #5F5F5F;
			color: #cccccc;
		}
		div {
			border: 1px solid #cccccc;
			text-align: center;
			padding: 10px;
			margin-bottom: 5px;
			width: 250px;
		}
		
		img{
    		vertical-align:middle
  		}
		
		.preloader { 
			position: absolute;
			display: block;
			
			top: 8px;
			left: 8px;
			
			text-align: center;
			height: 200px;
   			line-height:200px;
			
			background-color: #000000;  /* the background          */
   			filter:alpha(opacity=50);   /* Internet Explorer       */
   			-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   			opacity: 0.5;               /* newer Mozilla and CSS-3 */
			z-index: 9999;
			}
	</style>

	</head>

<body>

	<div>Ajax + JSon + Flash Using Mootools</div>
	<div id="bar"></div>
	<div id="livevals">Object Intialized</div>	

</body>
</html>
